<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<html >
<head>
<meta charset="UTF-8">
<title>注册界面</title>
<link rel="stylesheet" href="${ctx}/lib/bootstrap/css/bootstrap.css">
<script src="${ctx}/qiantai/cdnjs.srxsfjy.com/Portals/_default/Skins/baby01/Html/js/jquery-1.7.2.min.js"></script>
<script src="${ctx}/lib/bootstrap/js/bootstrap.min.js"/>
<script src="${ctx}/lib/bootstrap/js/bootstrapValidator.min.js"/>

	<script type="text/javascript">
        $(formSelector).bootstrapValidator({
			message:'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                password: {
                    message: '密码验证失败',
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        },
                        stringLength: {
                            min: 6,
                            max: 18,
                            message: '密码长度必须在6到18位之间'
                        },
                        regexp: {
                            regexp: /^[a-zA-Z0-9_]+$/,
                            message: '用户名只能包含大写、小写、数字和下划线'
                        }
                    }
                },
                username: {
                    message: '用户名验证失败',
                    validators: {
                        notEmpty: {
                            message: '用户名不能为空'
                        }
                    }
                },
                email: {
                    validators: {
                        notEmpty: {
                            message: '邮箱地址不能为空'
                        },
						emailAddress:{
                            message:'邮箱地址格式有误'
						}
                    }
                }
            }
        });
	</script>

<script src="../js/bootstrap/js/prefixfree.min.js"></script>


</head>

<body>
<form class="form-horizontal" role="form" style="padding: 30px 100px 10px">
	<fieldset>
		<legend>员工注册</legend>
	</fieldset>
	<div class="form-group">
		<label class="control-label col-sm-2" for="phone">手机</label>
		<div class="col-sm-4">
			<input class="form-control" name="phone" id="phone" type="text">
		</div>
	</div>

	<div class="form-group">
		<label class="control-label col-sm-2" for="verificationCode">短信验证码:</label>
		<div class="col-sm-3">
			<input class="form-control" name="verificationCode" id="verificationCode" type="text" placeholder="校验码是6位数字">
		</div>
		<div style="display: inline">
			<button style="">获取验证码</button>
		</div>
	</div>

	<div class="form-group">
		<label class="control-label col-sm-2" for="password">密码:</label>
		<div class="col-sm-4">
			<input class="form-control" name="password" id="password" type="text">
		</div>
		<div style="display: inline">
			<label class="help-block">6-16位字母数字符号,区分大小写</label>
		</div>
	</div>

	<div class="form-group">
		<label class="control-label col-sm-2" for="conpsw">再输一次:</label>
		<div class="col-sm-4">
			<input class="form-control" name="conpsw" id="conpsw" type="text">
		</div>
	</div>

	<div class="form-group">
		<label class="control-label col-sm-2" for="username">姓名:</label>
		<div class="col-sm-4">
			<input class="form-control" name="username" id="username" type="text">
		</div>
		<div style="display: inline">
			<label class="help-block">请输入真实姓名</label>
		</div>
	</div>




	<div class="form-group">
        <label class="control-label col-sm-2" for="lastname">输入真实姓名</label>
		<div class="col-sm-4">
			<input  name="optionsRadios" id="optionsRadios1" value="option1" type="radio" checked>男&nbsp;&nbsp;&nbsp;
			<input  name="optionsRadios" id="optionsRadios2" value="option1" type="radio" >男
		</div>
    </div>

    <div class="form-group">
        <label class="control-label col-sm-2" for="email">邮箱:</label>
        <div class="col-sm-4">
            <input  name="email" id="email" class="form-control" type="text">
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-sm-2" for="address">地址:</label>
        <div class="col-sm-4">
            <input  name="address" id="address" class="form-control" type="text">
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-3 col-sm-offset-2">
            <div class="checkbox">
                <label>
                    <input type="checkbox">我已阅读并接受 <a href="#">注册条款</a>
                </label>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-4 col-sm-offset-2">
            <button type="submit" class="btn btn-warning" style="width:340px;">立即注册</button>
        </div>
    </div>

	</div>

</form>


</body>
</html>
